<template>
  <div id="int">
       <p><span id="emailms"></span><input type="text"  placeholder="手机号" id="email"><span></span></p>
      <p class="p2"><span id="yzms"></span><input type="password" placeholder="密码" id="yz"> <span></span> 
      </p>
    
      <div class="login">
      <button @click="fun()">登录</button>        
      </div>
  </div>
</template>

<script>
import {getlink} from 'a/getlink.js'
export default {
     methods:{
    prev(){
       this.$router.push("/Denglu")
    }, 
    fun(){
        getlink("http://180.76.121.47:8008/docs#/default/generate_code_code__email__get").then((ok)=>{
            console.log(ok)
        })
    }

  },

}
</script>

<style scoped>
#int p{
  background-color:#f2f2f2;
  margin: auto;
  margin-top: 0.5rem;
  height: 0.45rem;
  width: 90%;
  display: flex;
  border-radius: 0.05rem;
  font-size: 0.16rem;
}
 
 input{
  background-color:#f2f2f2;
   color: #c2c2c2;
  display: block;
  height: 0.42rem;
  margin-left: 0.1rem;
  border: none;
  width: 80%;

}
#emailms ,#yzms{
  display: block;
  width: 10%;
  height: 0.42rem;
  text-align: right;
  background: url(../../../public/my/username.png) no-repeat;
  background-size: 0.3rem;
  background-position: 11% 40%;
  margin-left: 0.1rem;
  box-sizing: border-box;
}
#yzms {
  background: url(../../../public/my/userpass.png) no-repeat;
  background-size: 0.3rem;
  background-position: 11% 40%;
} 
#int .p2{
    margin-top: 0.3rem;
}
button{
  display: inline-block;
  width: 90%;
  color: #fff;
  background-color: #e15141;
  height: 0.42rem;
  line-height: 0.42rem;
  font-size: 0.16rem;
  border: none;
  border-radius: 0.05rem;
}
.login{
 text-align: center;

}
</style>